<%--
  Created by IntelliJ IDEA.
  User: 13044
  Date: 2020/12/9
  Time: 10:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>星宇餐饮-买一送一 全球连锁-------------</title>
    <link rel="stylesheet" href="../css/home.css">
    <%--    <script src="../js/jquery.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>
    <!--    <link rel="import" href="top.html" id="topPage">-->
</head>

<body>
<!--扣老板-->
<!--div如果没有写宽度，那么就是浏览器宽度，高度为0-->
<!--div class
 img
 a
 -->
<!--
css  选择器  类选择器  自带选择器 后代选择器 伪类
宽度  高度 边距   边框
颜色  背景  行高

-->
<!--
flex   对齐
-->

<!--
版本控制
-->
<jsp:include page="top.jsp"></jsp:include>
<script>
    // 需要用到jQuery,需要下载jQuery.js
    // topPage.import.body.innerHTML;
    // document.getElementById("top");//得到id为top的对象
    // //如果为id，则表示一个页面只能右一个id，class可以为无数个
    // document.getElementsByClassName("top");//得到id为top的对象
    // document.getElementById("top").innerHTML="<a>fads</a>";
    //    发现大部分的js都写着html之后
    //    传统的js加载另一个页面会出现报错，在某些浏览器加载不出来，浏览器不兼容
</script>
<div class="middle">
    <div>
        <div>
            <div class="title-bar">较新动态</div>
            <div>
                <div><img src="../img/m331.jpg"/></div>
                <div>
                    <div>
                        <div>
                            <div><a href="#">日本较大抹茶餐饮七叶和大抹茶餐饮七叶和茶登陆上海</a></div>
                            <div>日本较大的抹茶餐饮连锁大抹茶餐饮七叶和正式登陆上海，其中</div>
                        </div>
                    </div>
                    <div>
                        <div>
                            <div><a href="#">日本较大抹茶餐饮七大抹茶登陆上海</a></div>
                            <div>日本较大的抹茶餐饮大抹茶餐饮七叶和连锁正式登陆上海，其中</div>
                        </div>
                    </div>
                    <div>
                        <div>
                            <div><a href="#">日本较大抹登陆上海</a></div>
                            <div>日本较大的抹茶餐饮大抹茶餐饮七叶和连锁正式登陆上海，其中</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div class="title-bar">产品展示</div>
            <div>
                <div>
                    <div><img src="../img/34_fslw.jpg" height="300" width="300"/></div>
                    <div>
                        <div>里脊</div>
                        <div>原材料：肉，花椒，胡椒，八角，十三香</div>
                    </div>
                </div>
                <div>
                    <div><img src="../img/34_fslw.jpg" height="300" width="300"/></div>
                    <div>
                        <div>里脊</div>
                        <div>原材料：肉，花椒，胡椒，八角，十三香</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="foot.jsp"></jsp:include>
</body>
</html>